<template>
  <!-- html结构 -->
    <Person a="哈哈" b="嘿嘿" :list="personList"></Person>
</template>

<script lang="ts" setup name="App">
  import Person from './components/Person.vue';
  import { ref,reactive} from 'vue'
  import { type personInter,type persons } from '@/types'
 
  // 利用reactive函数传泛型
  let personList = reactive<persons>([ 
    {id:'23456',name:'hjn',age:18},
    {id:'78944',name:'hnn',age:30},
    {id:'23345',name:'chy',age:40}
  ])


</script>

<style scoped>  
/* 加scoped,是局部样式，该里面的样式只应用于该文件上方的标签 */
/* CSS样式 */
</style>